<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<title>Document</title>
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/style.css">
</head>
<body>
	<header>
		<nav>
			<div><img src="img/iconfont-fanhui.png"></div>
			<div class="headtitle">帮助中心</div>
		</nav>
	</header>
	
	<div class="content">
		<div class="wrapper" id="wra1" onclick="show(this.id)">
			<div class="wrapper-title">联系我们</div>
			<div class="wrapper-img"><img id="wraimgwra1" src="img/iconfont-xiangxia.png"></div>
			<div class="hr"></div>
			<div class="wrapper-text" name="wra1" id="statewra1" style="display: none">
				<div class="content">
					<h3>客户服务</h3>
					<p>您的购物过程中如有任何问题，都可以拨打京东到家客服电话或微信质询我们的在线客服人员。</p>
					<div class="hr"></div>
					<h3><img class="hintimg" src="img/iconfont-huan.png">在线客服</h3>
					<p>您的购物过程中如有任何问题</p>
					<p>您的购物过程中如有任何问题</p>
					<p>电话客服<br/>4444-44-444</p>
					<p>您的购物过程中如有任何问题</p>
					<div class="hr"></div>
					<h3>商务合作</h3>
					<p><img class="hintimg" src="img/iconfont-huan.png">邮箱：<br/>
					&nbsp;cncncncn@cn.com</p>
					<p><img class="hintimg" src="img/iconfont-huan.png">电话：<br/>
					&nbsp;4444-44-444</p>
					<p>服务时间：每天09:00-18:00</p>
					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
					tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</p>
				</div>
				<div class="hr"></div>
			</div>
		</div>

		<div class="wrapper" id="wra2" onclick="show(this.id)">
			<div class="wrapper-title">新生入门</div>
			<div class="wrapper-img"><img id="wraimgwra2" src="img/iconfont-xiangxia.png"></div>
			<div class="hr"></div>
			<div class="wrapper-text" name="wra2" id="statewra2" style="display: none">
				<div class="content">
					<h3>客户服务</h3>
					<p>您的购物过程中如有任何问题，都可以拨打京东到家客服电话或微信质询我们的在线客服人员。</p>
					<div class="hr"></div>
					<h3><img class="hintimg" src="img/iconfont-huan.png">在线客服</h3>
					<p>您的购物过程中如有任何问题</p>
					<p>您的购物过程中如有任何问题</p>
					<p>电话客服<br/>4444-44-444</p>
					<p>您的购物过程中如有任何问题</p>
					<div class="hr"></div>
					<h3>商务合作</h3>
					<p><img class="hintimg" src="img/iconfont-huan.png">邮箱：<br/>
					&nbsp;cncncncn@cn.com</p>
					<p><img class="hintimg" src="img/iconfont-huan.png">电话：<br/>
					&nbsp;4444-44-444</p>
					<p>服务时间：每天09:00-18:00</p>
					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
					tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</p>
				</div>
				<div class="hr"></div>
			</div>
		</div>

		<div class="wrapper" id="wra3" onclick="show(this.id)">
			<div class="wrapper-title">支付方式</div>
			<div class="wrapper-img"><img id="wraimgwra3" src="img/iconfont-xiangxia.png"></div>
			<div class="hr"></div>
			<div class="wrapper-text" name="wra3" id="statewra3" style="display: none">
				<div class="content">
					<p>您的购物过程中如有任何问题，都可以拨打京东到家客服电话或微信质询我们的在线客服人员。</p>
					<div class="hr"></div>
					<h3><img class="hintimg" src="img/iconfont-huan.png">在线客服</h3>
					<p>您的购物过程中如有任何问题</p>
					<p>您的购物过程中如有任何问题</p>
					<p>电话客服<br/>4444-44-444</p>
					<p>您的购物过程中如有任何问题</p>
					<div class="hr"></div>
					<h3>商务合作</h3>
					<p><img class="hintimg" src="img/iconfont-huan.png">邮箱：<br/>
					&nbsp;cncncncn@cn.com</p>
					<p><img class="hintimg" src="img/iconfont-huan.png">电话：<br/>
					&nbsp;4444-44-444</p>
					<p>服务时间：每天09:00-18:00</p>
					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
					tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</p>
				</div>
				<div class="hr"></div>
			</div>
		</div>

		<div class="wrapper" id="wra4" onclick="show(this.id)">
			<div class="wrapper-title">配送须知</div>
			<div class="wrapper-img"><img id="wraimgwra4" src="img/iconfont-xiangxia.png"></div>
			<div class="hr"></div>
			<div class="wrapper-text" name="wra4" id="statewra4" style="display: none">
				<div class="content">
					<h3>客户服务</h3>
					<p>您的购物过程中如有任何问题，都可以拨打京东到家客服电话或微信质询我们的在线客服人员。</p>
					<div class="hr"></div>
					<h3><img class="hintimg" src="img/iconfont-huan.png">在线客服</h3>
					<p>您的购物过程中如有任何问题</p>
					<p>您的购物过程中如有任何问题</p>
					<p>电话客服<br/>4444-44-444</p>
					<p>您的购物过程中如有任何问题</p>
					<div class="hr"></div>
					<h3>商务合作</h3>
					<p><img class="hintimg" src="img/iconfont-huan.png">邮箱：<br/>
					&nbsp;cncncncn@cn.com</p>
					<p><img class="hintimg" src="img/iconfont-huan.png">电话：<br/>
					&nbsp;4444-44-444</p>
					<p>服务时间：每天09:00-18:00</p>
					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
					tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</p>
				</div>
				<div class="hr"></div>
			</div>
		</div>

		<div class="wrapper" id="wra5" onclick="show(this.id)">
			<div class="wrapper-title">退货服务</div>
			<div class="wrapper-img"><img id="wraimgwra5" src="img/iconfont-xiangxia.png"></div>
			<div class="hr"></div>
			<div class="wrapper-text" name="wra5" id="statewra5" style="display: none">
				<div class="content">
					<h3>客户服务</h3>
					<p>您的购物过程中如有任何问题，都可以拨打京东到家客服电话或微信质询我们的在线客服人员。</p>
					<div class="hr"></div>
					<h3><img class="hintimg" src="img/iconfont-huan.png">在线客服</h3>
					<p>您的购物过程中如有任何问题</p>
					<p>您的购物过程中如有任何问题</p>
					<p>电话客服<br/>4444-44-444</p>
					<p>您的购物过程中如有任何问题</p>
					<div class="hr"></div>
					<h3>商务合作</h3>
					<p><img class="hintimg" src="img/iconfont-huan.png">邮箱：<br/>
					&nbsp;cncncncn@cn.com</p>
					<p><img class="hintimg" src="img/iconfont-huan.png">电话：<br/>
					&nbsp;4444-44-444</p>
					<p>服务时间：每天09:00-18:00</p>
					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
					tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</p>
				</div>
				<div class="hr"></div>
			</div>
		</div>
	</div>
	<script type="text/javascript">
			function show(position){
				var disp=document.getElementById("state"+position).style.display;
				if (disp=="none") {
					document.getElementById("wraimg"+position).setAttribute('src','img/iconfont-xiangshang.png');
					document.getElementById("state"+position).style.display='block';
				}else{
					document.getElementById("wraimgwra1").setAttribute('src','img/iconfont-xiangxia.png');
					document.getElementById("wraimgwra2").setAttribute('src','img/iconfont-xiangxia.png');
					document.getElementById("wraimgwra3").setAttribute('src','img/iconfont-xiangxia.png');
					document.getElementById("wraimgwra4").setAttribute('src','img/iconfont-xiangxia.png');
					document.getElementById("wraimgwra5").setAttribute('src','img/iconfont-xiangxia.png');

					document.getElementById("statewra1").style.display='none';
					document.getElementById("statewra2").style.display='none';
					document.getElementById("statewra3").style.display='none';
					document.getElementById("statewra4").style.display='none';
					document.getElementById("statewra5").style.display='none';

					// var x=document.getElementsByClassName("wrapper-text");
			
					// var d=document.getElementsByTagName("div");
					// for(i=0;i<d.length;i++){
					// 	 if(d[i].className=="wrapper-text"){
						 	//document.getElementsByName(position).style.display='none';
					//	 	alert("x"+i);
					// 	 }
					// }
					//document.getElementById(arr[1]).style.display='none';
				}

				// if($("#state"+position).is(":hidden")){
				// 	$("#wraimg"+position).attr("src","img/iconfont-xiangshang.png");
				// 	$("#state"+position).show();
				// }else{
				// 	$("#wraimg"+position).attr("src","img/iconfont-xiangxia.png");
				// 	$("#state"+position).hide();
				// }
			}
	</script>
</body>
</html>